/*
-----------------------------------------------
RESET CSS
http://meyerweb.com/eric/tools/css/reset/ 
v1.0 | 20080212 
----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after
{
    content: '"';
}
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*-----------------------------------------------
TYPE STYLES
----------------------------------------------- */

/* ---- Headings ---- */	

h1,h2,h3,h4,h5,h6 { 
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }

h1 { color: #172a35; font-size: 1.4em; line-height: 1.2em; margin-bottom: 0.5em; }
h2 { font-size: 1.2em; line-height: 1.2em; margin-bottom: 0.75em; }
h3 { color: #172a35; font-size: 1.1em; line-height: 1.2em; margin-bottom: 0.75em; }
h4 { color: #172a35; font-size: 1.1em; line-height: 1.2em; margin-bottom: 0.75em; }
h5 { color: #172a35; font-size: 1em; line-height: 1.2em; margin-bottom: 0.75em; }
/* ---- Text elements ---- */

p { 
    line-height: 1.3em;
    margin: 0 0 1.3em; }
/*-----------------------------------------------
BASELINE STYLES
----------------------------------------------- */
hr { display: none; }

/* form */
fieldset { border: none; }
input, select, textarea { color: #000; font: normal normal 1em Calibri,Arial, Helvetica, sans-serif; }

body {
    color: #2F2A2B;
    background: url(../images/bg-main.gif) #fff repeat-x;
    font-size: 100%;
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.3em;
    margin: 20px 0 20px 0; 
}
/* ---- hyperlinks global ---- */	
a:link { color: #7A0205; }
a:visited { color: #7A0205; }
a:active { color: #7A0205; }
a:hover { color: #7A0205; text-decoration: none; }

#container {
    margin: 10px auto;
    text-align: left;
    width: 950px;
}
#header {
    display:block;
    height: 80px;
    width:950px;
    border-bottom: 9px solid #6C0;
}
#logo {
    float: left;
    margin: 0;
    padding: 0;
    width: 316px; }	
#logo {
    background: url(../images/logoTriVu.gif) left top no-repeat;
    display: block;
    height: 74px;
    width: 200px;
    text-indent: -2000px; 
}	
#menu {
    float: left;
    color: #333333;
    margin-left: 100px;
}
#menu ul li {
    float:left;
    font-size: 1.5em;
    font-weight: bold;
    padding: 10px 20px;
    border-right: 1px solid #232323;
} 
#menu ul li a {
    text-decoration: none;
}
#menu ul li.active a {
    color: #00620C;
}
#menu ul li a:hover {
    color: #333333;
    
}

#menu fieldset {
    border:none;
    float: right;
    margin-top: 10px;
}
#menu fieldset input {
    font-size: 0.9em;
}
/*main content*/
#main {
    overflow: hidden;
}
.twoColumn {
    width: 630px;
}
#submenu {
    background: #333333 url(../images/topNavBar.png) repeat-x;
    height: 31px;
}
#submenu ul li {
    float:left;
    font-weight: bold;
    padding: 5px 10px;
    border-right: 1px dotted #232323;
} 
#submenu ul li a {
    color: #ffffff;
    text-decoration: none;
}
#submenu ul li.active a, #submenu ul li a:hover {
    color: #6C0;
}
.breadcrumb {
    padding: 10px 0px;
    float: none;
    font-size: 0.9em;
}
.title {
    color: #AB0000;
    font-size: 1.1em;
    font-weight: bold;
}
.clear {
    clear: both;
}

#sidebar {
    background:  url(../images/bg-corner-top-left.gif) no-repeat;
    float: right;
    width: 300px;
}
#sidebar .section {
    padding: 20px 20px 0px 20px;
}
#sidebar .section .content ul.list {
    font-size: 0.9em;
}
#sidebar .section .content ul.list li{
    border-bottom: 1px dashed #C7D2D8;
    padding: 5px 0px;
}
#sidebar .section .content ul.list li a {
    text-decoration: none;
}
#sidebar .section .content ul.list li a:hover {
    color: #333333;
}
/*footer*/
.trivu {
    font-weight: bold;
    font-size: 1.5em;
    color: red;
    
}
.technologies {
    font-weight: bold;
    color: #6C0;
}
#footer{
    background: #333333 url(../images/footerBackground.png) repeat-x;
    color:#ffffff;
    padding: 10px;
    height: 101px;
}
#footer a {
    text-decoration: none;
    color: #6C0;
}
#footer ul {
    font-size: 0.9em;
}
#footer .contactInformation{
    border-right: 1px dotted #C7D2D8;
    width: 50%;
    float: left;
    padding-right: 10px;
}
#footer .emailContact{
    margin-top: 11px;
    float: right;
    width: 48%;
}
#footer .emailContact ul li span {
    display: block;
    width: 130px;
    float: left;
    
}